import React from 'react'
import {Outlet,NavLink} from 'react-router-dom'
import '../assets/style/home.css'
export default function Home() {
  return (
    <div style={{display:'flex'}}>
        <div style={{width:'200px',minHeight:'100vh',backgroundColor:'#ccc'}}>
          <ul>
            <li>
              <NavLink to="/home/product/list" activeClassName>商品管理</NavLink>
            </li>
            <li>
              <NavLink to="/home/product/category" activeClassName>分类管理</NavLink>
            </li>
            <li>
              <NavLink to="/home/role" activeClassName>角色管理</NavLink>
            </li>
            <li>
              <NavLink to="/home/user" activeClassName>账户管理</NavLink>
            </li>
          </ul>
        </div>
        <div style={{flex:1,minHeight:'100vh',backgroundColor:'#ff0'}}>
            <Outlet></Outlet> 
        </div>
    </div>
  )
}
